<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        // get请求
        // axios({
        //     method: 'get',
        //     url: 'http://www.baidu.com'
        // })
        //     .then(response => {
        //         // response包含了服务器响应的所有的数据，包含请求头和请求头，response.data是核心数据
        //         console.log('接口调用成功了',response)

        //     })
        //     .catch(err => {
        //         console.log('接口调用失败了', err)
        //     });

        // post请求
        let data = {
            title: '标题',
            category: '分类'
        }
        // axios({
        //     method: 'post',
        //     url: '',
        //     data: data
        // }).then(response => {
        //     console.log('接口调用成功了', response)
        // }).catch(err => {
        //     console.log('接口调用失败了', err)
        // })

        // 别名方式发送请求
        // axios.get('http://www.baidu.com')
        //     .then(response => {
        //         // response包含了服务器响应的所有的数据，包含请求头和请求头，response.data是核心数据
        //         console.log('接口调用成功了', response)

        //     })
        //     .catch(err => {
        //         console.log('接口调用失败了', err)
        //     });

        axios.post('', data).then(response => {
            // response包含了服务器响应的所有的数据，包含请求头和请求头，response.data是核心数据
            console.log('接口调用成功了', response)

        }).catch(err => {
            console.log('接口调用失败了', err)
        });


    </script>

</body>

</html>